<!-- 1、做留言板功能
	要求：（1）有留言表单
		  （2）将所有留言昵称、内容和时间输出到页面表格内 -->
<?php
header('Content-Type:text/html;charset=utf-8');
// 定义留言板数组
$guestbook = array();

// 检查是否有提交留言表单
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // 获取表单数据
    $name = $_POST['name'];
    $message = $_POST['message'];

    // 构建留言数组
    $entry = array(
        'name' => $name,
        'message' => $message,
        'timestamp' => time()
    );

    // 将留言添加到留言板数组
    $guestbook[] = $entry;
    var_dump($guestbook); // 输出留言板数组以便调试
}

// 输出留言板表格
// if (!empty($guestbook)) {
//     echo '<table border="1">';
//     echo '<tr><th>昵称</th><th>留言内容</th><th>时间</th></tr>';
//     foreach ($guestbook as $entry) {
//         echo '<tr>';
//         echo '<td>' . $entry['name'] . '</td>';
//         echo '<td>' . $entry['message'] . '</td>';
//         echo '<td>' . date('Y-m-d H:i:s', $entry['timestamp']) . '</td>';
//         echo '</tr>';
//     }
//     echo '</table>';
// }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            text-align: center;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin-top: 20px;
            
        }
        th, td {
            border: 1px solid black;
            padding: 5px;
            text-align: content;
        }
        th {
            background-color: #f2f2f2;
        }
        .name, .message,.time {
            text-align: center;
        }
        #name {
            margin-left: 20px;
            width: 155px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <h2>留言板</h2>
    <form method="post" action="">
        <label for="name">昵称:</label>
        <input type="text" id="name" name="name" required>
        <br>
        <label for="message">留言内容:</label>
        <textarea id="message" name="message" required></textarea>
        <br>
        <input type="submit" value="提交留言">
    </form>
    <h3>留言列表</h3>
    <?php
    // 输出留言板表格
    if (!empty($guestbook)) {
        echo '<table border="1">';
        echo '<tr><th>昵称</th><th>留言内容</th><th>时间</th></tr>';
        foreach ($guestbook as $entry) {
            echo '<tr>';
            echo '<td class="name">' . $entry['name'] . '</td>';
            echo '<td class="message">' . $entry['message'] . '</td>';
            echo '<td class="time">' . date('Y-m-d H:i:s', $entry['timestamp']) . '</td>';
            echo '</tr>';
        }
        echo '</table>';
    } else {
        echo '暂无留言';
    }
    ?>
</body>
</html>